// 开发环境独有配置

module.exports = {
  // 开发环境使用开发模式
  mode: 'development',
  output: {
    // 开发环境不需要处理缓存的情形，打包输出文件名直接设置为原文件名
    filename: 'scripts/[name].js',
  },
  // 开发环境需要配置 source-map，方便调试
  devtool: 'inline-source-map',
  // 配置 webpack-dev-server，开发环境下可能还需要用到代理处理跨域问题
  devServer: {
    // 静态资源目录
    static: './dist',
    compress: true,
    port: 3000,

    // 代理
    proxy: {
      '/api': 'http://localhost:9000'
    }
  },
  // 开发环境下不需要压缩所以不需要优化配置
  // optimization: {}
}